@extends('layouts.back_stage')
@section('style')
    @parent
    <style>
        .table > tbody > tr > td{
            border-top: 1px solid #d4c3c3;
            line-height: 1.42857;
            padding: 8px;
            vertical-align: middle;
        }
    </style>
@endsection
@section('content')
    <div class="container">
        <h3>二维码列表</h3>
        <a class="btn btn-info" href="/production" style="position: relative;left: 85%">返回</a>
        {{--<a class="btn btn-primary" href="#" style="position: relative;left: 90%" onclick="preview()">打印</a>--}}
            <input type="hidden" id="pro_id" value="{{$id}}" >
        <!--startprint-->
        <ul>
            <li style="list-style: none">
                <div>
                    <div style="display: inline-block">
                        生成时间：</span>{{$qrcode[0][0]}}<br/>
                        码种：</span>{{$qrcode[0][6]}}<br/>
                        品牌：{{$qrcode[0][1]}}<br/>
                        一级分类：{{$qrcode[0][2]}}<br/>
                        二级分类：{{$qrcode[0][3]}}<br/>
                        三级分类：{{$qrcode[0][4]}}<br/>
                        颜色：{{$qrcode[0][5]}}<br/>
                        款号：{{$qrcode[0][7]}}<br/>
                    </div>
                    <div style="display: inline-block;margin-left: 300px">
                        <img src="/img/qrcode.png" style="width: 130px;height: 130px;position: relative;top: 8px;">
                        <br/>
                        <a class="btn btn-info"  style="margin-left: 25px;margin-top: 20px" href="/production/print?id={{$id}}&type=3">打印大码</a>
                    </div>
                </div>
            </li>
            <li style="margin-top: 50px;list-style: none">
                <div>
                    <div style="display: inline-block">
                        生成时间：</span>{{$qrcode[0][0]}}<br/>
                        码种：</span>{{$qrcode[1]}}<br/>
                        品牌：{{$qrcode[0][1]}}<br/>
                        一级分类：{{$qrcode[0][2]}}<br/>
                        二级分类：{{$qrcode[0][3]}}<br/>
                        三级分类：{{$qrcode[0][4]}}<br/>
                        颜色：{{$qrcode[0][5]}}<br/>
                        款号：{{$qrcode[0][7]}}<br/>
                    </div>
                    <div style="display: inline-block;margin-left: 300px">
                        <img src="/img/qrcode.png" style="width: 130px;height: 130px;position: relative;top: 8px;">
                        <br/>
                        <a class="btn btn-info"  style="margin-left: 25px;margin-top: 20px" href="/production/print?id={{$id}}&type=4">打印小码</a>
                    </div>
                </div>
            </li>
        </ul>

    </div>
    @include('errors.list')
    <script>
        //        function preview()
        //        {
        //            var bdhtml=window.document.body.innerHTML;//获取当前页的html代码
        //            var startStr="<!--startprint-->";//设置打印开始区域
        //            var endStr="<!--endprint-->";//设置打印结束区域
        //            var printHtml=bdhtml.substring(bdhtml.indexOf(startStr)+startStr.length,bdhtml.indexOf(endStr));//从标记里获取需要打印的页面
        //            window.document.body.innerHTML=printHtml;//需要打印的页面
        //            window.print();
        //            window.document.body.innerHTML=bdhtml;//还原界面
        //        }
    </script>
@endsection